/*
 *  Author: 溪风
 *  DateTime:   2019-07-08 09:40:11
 *  Desc: 登录页样式表
 */


.cont {
    height: 650px;
    background-color: #f2e5d3;

    >div {
        width: 1200px;
        height: 650px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .cont-left {
            width: 755px;
            height: 420px;
            background: red;
        }

        .cont-right {
            width: 420px;
            height: 420px;
            background-color: #ffffff;
            box-shadow: 0px 6px 15px 2px rgba(0, 0, 0, 0.3);
            padding: 0 27px;
            box-sizing: border-box;

            .cont-right-title {
                height: 80px;
                line-height: 80px;
                font-size: 18px;
                font-weight: bold;
                color: rgba(0, 0, 0, 0.65);
            }

            .cont-right-phone {
                margin-bottom: 24px;
                height: 40px;
                background-color: #ffffff;
                border-radius: 4px;
                border: solid 1px #d9d9d9;
                display: flex;
                justify-content: space-between;
                align-items: center;

                >div {
                    width: 36px;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    img {
                        width: 12px;
                        height: 16px;
                    }
                }

                >input {
                    flex: 1;
                    font-size: 16px;
                    color: rgba(0, 0, 0, 0.25);
                }
            }

            .cont-right-number {
                margin-bottom: 24px;
                height: 40px;
                background-color: #ffffff;
                border-radius: 4px;
                border: solid 1px #d9d9d9;
                display: flex;
                justify-content: space-between;
                align-items: center;

                >div {
                    width: 36px;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    img {
                        width: 16px;
                        height: 14px;
                    }
                }

                >input {
                    flex: 1;
                    font-size: 16px;
                    color: rgba(0, 0, 0, 0.25);
                }
            }

            .cont-right-code {
                display: flex;
                justify-content: space-between;
                align-items: center;

                input {
                    padding: 0 14px;
                    box-sizing: border-box;
                    width: 249px;
                    height: 40px;
                    background-color: #ffffff;
                    border-radius: 4px;
                    border: solid 1px #d9d9d9;
                    font-size: 16px;
                    color: rgba(0, 0, 0, 0.25);
                }

                img {
                    width: 108px;
                    height: 40px;
                    background-color: #ffffff;
                    border-radius: 4px;
                    border: solid 1px #d9d9d9;

                }
            }

            .cont-password {
                height: 55px;
                display: flex;
                justify-content: flex-end;
                align-items: center;

                a {
                    font-size: 14px;
                    color: #1890ff;
                }
            }

            .cont-login {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 48px;
                background-image: linear-gradient(135deg,
                        #78cfff 0%,
                        #498ecf 100%);
                border-radius: 2px;
                font-size: 24px;
                color: #ffffff;
            }

            .cont-reg {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: 16px;

                a {
                    font-size: 18px;
                    color: #13479d;
                }
            }
        }
    }
}